<template>
  <div id="detail">
    <Header goback="true" headerTitle="积分说明"></Header>
    <div class="detail-content paddingTop">
      <div class="detail-list">
        <h1>
          ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp
        </h1>
        <p>
          ppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppppp
        </p>
      </div>
    </div>
  </div>
</template>

<script>
import Header from "../../../components/header/header";
export default {
  data() {
    return {};
  },
  components: {
    Header,
  },
};
</script>

<style lang="scss" scoped>
@import "../../../style/mixin";
//当前组件根节点定位
#detail {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 230;
  @include wh(100%, 100%);
  background: #f2f2f2;
}
//主体内容设置
.detail-content {
  .detail-list {
    padding: 0.3rem;
  }
  //问题
  h1 {
    width: 100%;
    white-space: normal;
    @include sc(0.75rem, black);
    font-weight: 500;
    //解决数字和字母不会自动换行问题(默认normal)
    word-wrap: break-word;
    margin-top: 0.5rem;
  }
  //回答
  p {
    width: 100%;
    @include sc(0.6rem, #666666);
    word-wrap: break-word;
    font-weight: 500;
    margin-top: 0.5rem;
  }
}
</style>
